<template>
    <!-- 组件的结构 -->
    <div class="demo">
        <h2>学生姓名：{{studentName}}</h2>
        <h2>学生年龄：{{age}}</h2>
        <button @click="show">点我提示信息</button>
    </div>
</template>

<script>
    //组件交互相关的代码(数据、方法等)
    export default{
            name:'Student-test',
            data(){
            return {
                studentName:'黑马程序员',
                age:18
            }
            },
            methods: {
            show(){alert('hello')}
            },
            }
</script>

<style>
    /* 组件的样式 */
    .demo{
        color: red;
    }
</style>